{{extend 'layout.html'}}
<div id=pagehelpcontent class=hidden>
<h3><strong>{{=T("Page Help")}}</strong></h3>
{{=T("Click the question mark icon on any page for general help with page. You can also hover over most items within a page for specific help on each item. For support, visit our ")}}<a href="http://groups.google.com/group/peertool-users">{{=T("Google Group")}}</a>
<style>
#screencastscript {
    height:20em;
    width:45em;
    overflow:auto;
    margin:2em;
    padding:1em;
    border-color:black;
    border-width:2px;
    border-style:solid;
    background-color:#ccffff;
    }  
#tutorial {
    margin:2em;
    padding:1em;
}
#easyas123 li {
    padding=1em;
}
</style>
</div>
<h1>{{=T("Home")}}</h1>
<div style="width:40em;margin-left:1em;">
{{=T("PeerTool is an easy-to-use web application for collaborative problem solving. To use it, you and your group need to:")}}
<ol id="easyas123">
<li>{{=T("Watch the not-so-short (24 min. Sorry!) tutorial screencast below (or at least read the script beneath it.)")}}</li>
<li>{{=T("Register and confirm your identity by email")}}</li>
<li>{{=T("Start collaborating!")}}</li>
</ol>
</div>
<br/>
<!-->
<p><em>Warning! PeerTool may be hazardous to your career.&nbsp;&nbsp;{{=A("Learn more",_href=URL(r=request,c='default',f='hazardous'))}}</em></p>
<!-->
<div id="tutorial">
<iframe src="http://player.vimeo.com/video/14591104" width="400" height="250" frameborder="0"></iframe><p><a href="http://vimeo.com/14591104">PeerTool Introduction</a> from <a href="http://vimeo.com/user4623335">Michael Ellis</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
</div>


<div id="screencastscript">
{{include 'peertoolvideoscript.html'}}
</div>
<script type="text/javascript">
    /* <![CDATA[ */
    
    /* ]]> */
</script>
 <script type="text/javascript">
    /* <![CDATA[ */
    $(document).ready(function(){
        });
    /* ]]> */
</script>
